<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>首页</title>
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/bootstrap.min.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./css/product.css">
    <!-- 轮播图 -->
    <link rel="stylesheet" href="./css/jquery.bxslider.css" />
    <script src="./js/jquery_1.9.1.js"></script>
    <script src="./js/jquery.bxslider.min.js"></script>
    <!-- 导航、底部文字折叠 -->
    <script src="./js/index.js"></script>
  </head>
  <body>

 <!-- 头部盒子 -->
          <!-- 页面侧边电梯 -->
          <div class="fix-right-bottom-btn">
            <div class="wechat-small-qr-code">
              <img src="./images/QRcode_SmallPopUp.svg">
            </div>
            <div class="wechat-small-qr-code-btn coner-btn"><img src="./images/Wechat_button.svg"></div>
            <div class="back-to-top-btn coner-btn"><img src="./images/Backtotopbutton.svg"></div>
          </div>
          <div class="modules-navigation-bar">	
          </div>
          <!-- 导航 -->
          <div class="modules-index-page-header">
          <div class="custom"  >
          <div class="nav-bar-container">
          <div class="nav-container">
          <div class="vertical-menu-container">
            <div class="container">
              <ul class="vertical-menu">
                <!-- logo换成我们的Logo ajython ,产品 技术支持 合作伙伴 关于我们 依次替换成  通用采集 数据分析 数据仓库 utils -->
                <li class="menu-item"><a href="#">通用采集</a></li>
                <li class="menu-item"><a href="#">技术支持</a></li>
                <li class="menu-item"><a href="#">合作伙伴</a></li>
                <li class="menu-item"><a href="#">关于我们</a></li>
              </ul>
            </div>
          </div>
          <div class="container">
            <div class="row nav-row ">
              <div class="col-md-8 col-sm-6 col-xs-3 menu-row">
                <ul class="nav navbar-nav">
                  <li class="navicat-logo"><a href="/">ajython</a></li>
                  <li class="menu-item"><a href="#">通用采集</a></li>
                  <li class="menu-item"><a href="#">数据分析</a></li>
                  <li class="menu-item"><a href="#">数据仓库</a></li>
                  <li class="menu-item"><a href="#">utils</a></li>
                </ul>
              </div>
              <div class="col-md-4 col-sm-6 col-xs-9 menu-row">
                <ul class="nav menu-left-bar ">
                  <li class="close-menu-btn"><a><img src="https://www.navicat.com.cn/images/00_cancel_icon.svg" /></a></li>
                  <li class="menu-icon"><a href="javascript:void(0);"><img src="https://www.navicat.com.cn/images/00_menu_icon_white.svg" /> </a></li>
                  <li class="customer-center-icon"><a href="#"><img src="https://www.navicat.com.cn/images/00_customer_icon_white.svg" /> </a></li>
                  <li class="clear"></li>
                </ul>
              </div>
            </div>
          </div>
          </div>
          </div>


          <script>
          $( document ).ready(function($) {	
          //Close Menu------------------------
          closeVertMenu();
          function closeVertMenu(){
            $(".close-menu-btn a img").click(function(){			
              $(".nav-container").removeClass("mobile-nav-container");
              $(".vertical-menu-container").slideUp();
              $(".search-icon, .cart-icon, .language-icon").show();
              setTimeout(function(){
                $(".nav-container").removeClass("dark-bg");
                $(".navicat-logo>a>img").addClass("m-logo");
                
                windoWwidth = window.innerWidth;
                if(windoWwidth < 768) { 
                  $(".navicat-logo>a>img").addClass("m-logo");
                  $(".navicat-logo>a>img").attr("src","/images/00_navicat_logo_small_white.png");
                }else{
                  $(".navicat-logo>a>img").removeClass("m-logo");
                  $(".navicat-logo>a>img").attr("src","/images/00_navicat_logo_white.svg");
                }
                
              }, 500);
            });
          };


          var windoWwidth = window.innerWidth;
          //Originally------------------------
          navLogo(windoWwidth);
          function navLogo(windoWwidth){
            if (windoWwidth > 972) { 
              closeVertMenu();
              $(".close-menu-btn a img").click();
              $(".nav-container").removeClass("mobile-nav-container");
            }
            if (windoWwidth < 768) { 
              $(".navicat-logo>a>img").attr("src","/images/00_navicat_logo_small_white.png")
              $(".navicat-logo>a>img").addClass("m-logo");
            }else{
              $(".navicat-logo>a>img").attr("src","/images/00_navicat_logo_white.svg")
              $(".navicat-logo>a>img").removeClass("m-logo");
            }
          }
          //Resize
          $(window).resize(function() {
            var windoWwidth = window.innerWidth;
            navLogo(windoWwidth);		
          });

          });
          </script>


          </div>

            <div class="modules-smart-search" style="display:none;">
              <div style="position: relative;">
                <div class="container">
                  
                <form id="mod-finder-searchform105" action="#" method="get" class="form-search">
                  <div class="finder">
                    <label for="mod-finder-searchword105" class="finder">搜索</label><input type="text" name="q" id="mod-finder-searchword105" class="search-query input-medium" size="25" value="" placeholder="智能搜索..."/>
                              </div>
                </form>

                  <div class="search-btn">前往</div>
                </div>
              </div>
            </div>
          </div>
          <div class="modules-sub-navigation-bar">		
          </div>
          <!-- 轮播图 -->
          <div class="modules-banner">
          <div class="custom"  >
          <div class="header-container">
          <!-- 导航大图 -->
          <div class="index-large-banner-slider">
          <ul class="banner-slider">
            <li>
              <div class="banner-container banner-redis"><img id="banner-1" src="./images/banner_background-1920px_NavicatForRedis.png" />
                <div class="banner-content">
                  <div class="container">
                    <div class="col-md-8">
                      <div class="banner-title">Navicat for Redis</div>
                      <div class="banner-slogan">轻松简化 Redis 数据库管理。<br/>释放 Redis 数据库的全部潜力。</div>
                      <div class="banner-btn"><a href="#"><div>了解更多</div></a></div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="banner-container banner-monitor"><img id="banner-1" src="./images/banner_background-1920px_NavicatMonitor3.png" />
                <div class="banner-content">
                  <div class="container">
                    <div class="col-md-8">
                      <div class="banner-title">Navicat Monitor 3</div>
                      <div class="banner-slogan">更深入了解数据库基础架构。<br/>现在支持 PostgreSQL。</div>
                      <div class="banner-btn"><a href="#"><div>了解更多</div></a></div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="banner-container banner-navicat-16"><img id="banner-1" src="./images/banner_background-1920px_Navicat16.png" />
                <div class="banner-content">
                  <div class="container">
                    <div class="col-md-8">
                      <div class="banner-title">Navicat 16</div>
                      <div class="banner-slogan">轻松构建、管理和维护你的数据。<br/>现在与 Redis 兼容。</div>
                      <div class="banner-btn"><a href="#"><div>了解更多</div></a></div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="banner-container banner-1"><img id="banner-1" src="./images/banner_background-1920px_On-Prem.png" />
                <div class="banner-content">
                  <div class="container">
                    <div class="col-md-8">
                      <div class="banner-title">Navicat On-Prem Server</div>
                      <div class="banner-slogan">最大限度定制化。<br/>灵活性十足，满足你公司的需求。</div>
                      <div class="banner-btn"><a href="#"><div>了解更多</div></a></div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="banner-container banner-1"><img id="banner-1" src="./images/banner_background-1920px_ChartsCreator.png" />
                <div class="banner-content">
                  <div class="container">
                    <div class="col-md-8">
                      <div class="banner-title">Navicat Charts Creator</div>
                      <div class="banner-slogan">轻松将数据转化为可操作的见解。</div>
                      <div class="banner-btn"><a href="#"><div>了解更多</div></a></div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="banner-container banner-1"><img id="banner-1" src="./images/banner_background-1920px_Collaboration2.png" />
                <div class="banner-content">
                  <div class="container">
                    <div class="col-md-8">
                      <div class="banner-title">Navicat 协同合作</div>
                      <div class="banner-slogan">更好地携手合作。<br/>随时随地与你的团队实时协作。</div>
                      <div class="banner-btn"><a href="#"><div>为你的团队试用 Navicat 16</div></a></div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="banner-container banner-1"><img id="banner-1" src="./images/banner_background-1920px_NDM3.png" />
                <div class="banner-content">
                  <div class="container">
                    <div class="col-md-8">
                      <div class="banner-title">Data Modeler 3</div>
                      <div class="banner-slogan">专为创建复杂的数据模型而设计。</div>
                      <div class="banner-btn"><a href="#"><div>了解更多</div></a></div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            
          </ul>
          </div>
          <!-- 导航小图 -->
          <div class="index-small-banner-slider">
          <ul class="banner-slider-mobile">
            <li>
              <div id="mobile-banner-2" class="banner-container-mobile banner-redis" style="background: url('./images/banner_background-992px_NavicatForRedis.png') no-repeat  center center; background-size: cover;";>
                <div class="banner-content-mobile">
                  <div class="container">
                    <div class="banner-title" style="margin-top:310px;">Navicat for Redis</div>
                    <div class="banner-slogan">轻松简化 Redis 数据库管理。<br/>释放 Redis 数据库的全部潜力。</div>
                    <div class="banner-btn"><a href="#"><div>了解更多</div></a></div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div id="mobile-banner-2" class="banner-container-mobile banner-monitor" style="background: url('./images/banner_background-992px_NavicatMonitor3.png') no-repeat  center center; background-size: cover;";>
                <div class="banner-content-mobile">
                  <div class="container">
                    <div class="banner-title" style="margin-top:310px;">Navicat Monitor 3</div>
                    <div class="banner-slogan">更深入了解数据库基础架构。<br/>现在支持 PostgreSQL。</div>
                    <div class="banner-btn"><a href="#"><div>了解更多</div></a></div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div id="mobile-banner-1" class="banner-container-mobile banner-navicat-16" style="background: url('./images/banner_background-992px_Navicat16.png') no-repeat  center center";>
                <div class="banner-content-mobile">
                  <div class="container">
                    <div class="banner-title">Navicat 16</div>
                    <div class="banner-slogan">轻松构建、管理和维护你的数据。<br/>现在与 Redis 兼容。</div>
                    <div class="banner-btn"><a href="#"><div>了解更多</div></a></div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div id="mobile-banner-1" class="banner-container-mobile banner-1" style="background: url('./images/banner_background-992px_On-Prem.png') no-repeat  center center";>
                <div class="banner-content-mobile">
                  <div class="container">
                    <div class="banner-title">Navicat On-Prem Server</div>
                    <div class="banner-slogan">最大限度定制化。<br/>灵活性十足，满足你公司的需求。</div>
                    <div class="banner-btn"><a href="#"><div>了解更多</div></a></div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div id="mobile-banner-charts-creator" class="banner-container-mobile banner-1" style="background: url('./images/banner_background-992px_ChartsCreator.png') no-repeat  center center";>
                <div class="banner-content-mobile">
                  <div class="container">
                    <div class="banner-title">Navicat Charts Creator</div>
                    <div class="banner-slogan">轻松将数据转化为可操作的见解。</div>
                    <div class="banner-btn"><a href="#"><div>了解更多</div></a></div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div id="mobile-banner-1" class="banner-container-mobile banner-1" style="background: url('./images/banner_background-992px_Collaboration_2.png') no-repeat  center center";>
                <div class="banner-content-mobile">
                  <div class="container">
                    <div class="banner-title">Navicat Collaboration</div>
                    <div class="banner-slogan">更好地携手合作。<br/>随时随地与你的团队实时协作。</div>
                    <div class="banner-btn"><a href="#"><div>为你的团队试用 Navicat 16</div></a></div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div id="mobile-banner-1" class="banner-container-mobile banner-1" style="background: url('./images/banner_background-992px_NDM3.png') no-repeat  center center";>
                <div class="banner-content-mobile">
                  <div class="container">
                    <div class="banner-title">Data Modeler 3</div>
                    <div class="banner-slogan">专为创建复杂的数据模型而设计。</div>
                    <div class="banner-btn"><a href="#"><div>了解更多</div></a></div>
                  </div>
                </div>
              </div>
            </li>
            
          </ul>
          </div>
          </div>
          </div>
          </div>
          <script>
          $('.clients-slider').bxSlider({
          auto: true,
          mode: 'fade'
          });

          $('.banner-slider, .banner-slider-mobile').bxSlider({
          auto: true
          });
          </script>
          <style>
          .bx-wrapper .bx-viewport {box-shadow: none;}
          </style>	</div>
          </div>
          </div>

<!-- 介绍各种产品 -->
            <!-- ada -->
            <div class="product">
              <div class="product_titile">
                <span>数据智能解决方案</span>
                <p>数梦科技拥有丰富的企业数字化转型咨询规划及交付实施经验</p>
              </div>
              <ul>
                <li class="product_item product_item_1">
                  <div>
                    <span>政府行业解决方案</span><span>GOVERNMENT</span>
                    <p>
                      政府数字化转型遵循新型智慧城市建设的理念、模式和框架，基于市级数字底座能力统筹规划、集约建设，构建面向未来的智慧城市，以数据驱动赋能数字城市高质量、可迭代发展，推动社会治理体系和治理能力现代化
                    </p>
                  </div>
                </li>
                <li class="product_item product_item_2">
                  <div>
                    <span>金融行业解决方案</span><span>FINANCE</span>
                    <p>
                      解决总行、分行独立建设数据仓库、数据集市的现状，建立总行总体规划，分行共享的一体化金融数据服务公共层，实现全行数据的统一存储、统一管理、统一运维，提高全行数据开发效率，为全行提供数据创新的基础环境
                    </p>
                  </div>
                </li>
                <li class="product_item product_item_3">
                  <div>
                    <span>能源行业解决方案</span><span>ENERGY</span>
                    <p>
                      深化能源产业数据中台建设，实现风、光、火、水、核、煤炭、铝业等全产业数据纳管，深化数据价值充分挖掘，进一步发挥产业数据中台对产业运行、生产调度、应急指挥等工作的管理支撑作用，促进产业数据智能化
                    </p>
                  </div>
                </li>
                <li class="product_item product_item_4">
                  <div>
                    <span>军工行业解决方案</span><span>WAR INDUSTRY</span>
                    <p>
                      从计算机到因特网，军事领域一直都是人类最先进科技的“孵化器”和“实验床”，在未来军事信息化战争中，掌握大数据技术对于打赢未来战争具有重要意义，通过构建军事数智化解决方案，加速国防行业数字化发展
                    </p>
                  </div>
                </li>
                <li class="product_item product_item_5">
                  <div>
                    <span>零售行业解决方案</span><span>RETAIL</span>
                    <p>
                      深入“互联网+新零售”行业变革，创造围绕生产、加工、产品、营销、渠道、运营、活动的体验价值，构建客户360°画像，优化客户分群，全力打造智慧仓储、智慧门店、智慧营销等场景，建立持久的品牌核心竞争力
                    </p>
                  </div>
                </li>
                <li class="product_item product_item_6">
                  <div>
                    <span>公安行业解决方案</span><span>PUBLIC SECURITY</span>
                    <p>
                      通过采集接入公安内部数据、市局数据、社会数据、协同委办局数据等，构建公安数据治理体系，实现对业务模型的沉淀，通过数据智能产品实现自主建模及全域管理，为应用层综合研判提供数据支撑服务，行成全业务闭环
                    </p>
                  </div>
                </li>
              </ul>
            </div>

    <!-- 底部文字 -->
    <div class="modules-sitemap">
      <div class="custom">
        <div class="sitemap-container">
          <div class="container sitemap-wrapper">
            <div class="row sitemap-wrapper-row">
              <!-- 主要课题 -->
              <!-- <div class="col-md-2 col-sm-2 col-sm-12">
                <div class="sitemap-col">
                  <ul>
                    <li class="sitemap-title">
                      <div>
                        <div class="sitemap-name"><b>主要课题</b></div>
                        <div class="sitemap-btn">
                          <img status="on" src="./images/expand_up_icon.svg" />
                        </div>
                        <div class="clear"></div>
                      </div>
                    </li>
                    <li class="sitemap-items show-items">
                      <ul>
                        <li>
                          <a href="/navicat-16-highlights"
                            >Navicat 16 主要特点</a
                          >
                        </li>
                        <li><a href="/navicat-collaboration">协同合作</a></li>
                        <li>
                          <a href="/discover-navicat-monitor"
                            >探索 Navicat Monitor</a
                          >
                        </li>
                        <li>
                          <a href="/what-is-navicat-for-redis"
                            >什么是 Navicat for Redis</a
                          >
                        </li>
                        <li>
                          <a href="/what-is-navicat-for-mongodb"
                            >什么是 Navicat for MongoDB</a
                          >
                        </li>
                        <li>
                          <a href="/what-is-navicat-data-modeler"
                            >什么是 Navicat Data Modeler</a
                          >
                        </li>
                        <li>
                          <a href="/navicat-support-aliyun">阿里云与 Navicat</a>
                        </li>
                        <li><a href="/top10">十大理由</a></li>
                      </ul>
                    </li>
                  </ul>
                </div>
              </div> -->
              <!-- 产品 -->
              <div class="col-md-3 col-sm-3 col-sm-12">
                <div class="sitemap-col">
                  <ul>
                    <li class="sitemap-title">
                      <div>
                        <div class="sitemap-name">
                          <a href="/products"><b>产品</b></a>
                        </div>
                        <div class="sitemap-btn">
                          <img status="on" src="./images/expand_up_icon.svg" />
                        </div>
                        <div class="clear"></div>
                      </div>
                    </li>
                    <li class="sitemap-items show-items">
                      <ul>
                        <li><a href="/products#navicat">Navicat</a></li>
                        <li>
                          <a href="/products#navicat-collaboration"
                            >Navicat 协同合作</a
                          >
                        </li>
                        <li>
                          <a href="/products#navicat-charts">Navicat 图表</a>
                        </li>
                        <li>
                          <a href="/products#navicat-monitor"
                            >Navicat Monitor</a
                          >
                        </li>
                        <li>
                          <a href="/products#navicat-data-modeler"
                            >Navicat Data Modeler</a
                          >
                        </li>
                      </ul>
                    </li>
                  </ul>
                </div>
              </div>
              <!-- 技术支持 -->
              <div class="col-md-3 col-sm-3 col-sm-12">
                <div class="sitemap-col">
                  <ul>
                    <li class="sitemap-title">
                      <div>
                        <div class="sitemap-name">
                          <a href="/support"><b>技术支持</b></a>
                        </div>
                        <div class="sitemap-btn">
                          <img status="on" src="./images/expand_up_icon.svg" />
                        </div>
                        <div class="clear"></div>
                      </div>
                    </li>
                    <li class="sitemap-items show-items">
                      <ul>
                        <li><a href="/support/online-manual">手册</a></li>
                        <li><a href="/support/video">视频教程</a></li>
                        <li><a href="/support/survey">问卷调查</a></li>
                        <li><a href="/support/live">即时支持</a></li>
                      </ul>
                    </li>
                  </ul>
                </div>
                <div class="sitemap-col">
                  <ul>
                    <li
                      class="sitemap-title sitemap-second-row-title"
                      style="margin-top: 30px"
                    >
                      <div>
                        <div class="sitemap-name"><b>帐户</b></div>
                        <div class="sitemap-btn">
                          <img status="on" src="./images/expand_up_icon.svg" />
                        </div>
                        <div class="clear"></div>
                      </div>
                    </li>
                    <li class="sitemap-items show-items">
                      <ul>
                        <li>
                          <a
                            target="_blank"
                            href="https://cncustomer.navicat.com/"
                            >客户服务中心</a
                          >
                        </li>
                        <li>
                          <a
                            target="_blank"
                            href="https://subscription.navicat.com"
                            >订阅门户</a
                          >
                        </li>
                        <li>
                          <a
                            target="_blank"
                            href="https://cloud.navicat.com/login"
                            >Navicat Cloud</a
                          >
                        </li>
                      </ul>
                    </li>
                  </ul>
                </div>
              </div>
              <!-- 合作伙伴 -->
              <div class="col-md-3 col-sm-3 col-sm-12">
                <div class="sitemap-col">
                  <ul>
                    <li class="sitemap-title">
                      <div>
                        <div class="sitemap-name">
                          <a href="/company/partner"><b>合作伙伴</b></a>
                        </div>
                        <div class="sitemap-btn">
                          <img status="on" src="./images/expand_up_icon.svg" />
                        </div>
                        <div class="clear"></div>
                      </div>
                    </li>
                    <li class="sitemap-items show-items">
                      <ul>
                        <li>
                          <a href="/company/partner-directory">寻找经销商</a>
                        </li>
                        <li><a href="/company/partner-program">经销商</a></li>
                        <li>
                          <a href="/store/technology-partner">技术合作伙伴</a>
                        </li>
                        <li><a href="/sponsorship">赞助</a></li>
                        <li>
                          <a href="/sponsorship/education"
                            >Navicat 学术伙伴计划</a
                          >
                        </li>
                      </ul>
                    </li>
                  </ul>
                </div>
              </div>
              <!-- 关于我们 -->
              <div class="col-md-3 col-sm-3 col-sm-12">
                <div class="sitemap-col">
                  <ul>
                    <li class="sitemap-title">
                      <div>
                        <div class="sitemap-name">
                          <a href="/company/aboutus"><b>关于我们</b></a>
                        </div>
                        <div class="sitemap-btn">
                          <img status="on" src="./images/expand_up_icon.svg" />
                        </div>
                        <div class="clear"></div>
                      </div>
                    </li>
                    <li class="sitemap-items show-items">
                      <ul>
                        <li><a href="/company/corporate">我们的客户</a></li>
                        <li><a href="/company/awards">奖项</a></li>
                        <li><a href="/company/press">新闻</a></li>
                        <li><a href="/company/aboutus/blog">博客</a></li>
                      </ul>
                    </li>
                  </ul>
                </div>
              </div>
              <!-- 其他 -->
              <!-- <div class="col-md-2 col-sm-2 col-sm-12">
                <div class="sitemap-col">
                  <ul>
                    <li class="sitemap-title">
                      <div>
                        <div class="sitemap-name"><b>其他</b></div>
                        <div class="sitemap-btn">
                          <img status="on" src="./images/expand_up_icon.svg" />
                        </div>
                        <div class="clear"></div>
                      </div>
                    </li>
                    <li class="sitemap-items show-items">
                      <ul>
                        <li><a href="/store/maintenance">软件维护</a></li>
                        <li><a href="/store/upgrade">升级</a></li>
                        <li><a href="/store/offline-order">离线订单</a></li>
                        <li><a href="/unsubscribe">取消订阅</a></li>
                      </ul>
                    </li>
                  </ul>
                </div>
              </div> -->
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- 底部盒子 -->
    <div class="modules-footer">
      <div class="custom">
        <div class="footer-container">
          <div class="container">
            <div class="row footer-row">
              <div class="footer-ms-partner mobile">
                <img src="/images/ms_gold_white.png" />
              </div>
              <div class="col-sm-3">
                <img class="footer-wechat-qr-code" src="/images/QRcode.svg" />
                <div class="footer-wechat-code-des">
                  关注微信公众号: Navicat
                </div>
              </div>
              <div class="col-sm-9 footer-details">
                <div class="media-footer">
                  <div>
                    <span class="footer-wechat-btn"
                      ><img src="./images/footer_WeChat.svg"
                    /></span>
                    <a
                      target="_blank"
                      rel="noreferrer noopener"
                      href="http://weibo.com/u/2298189560"
                      ><img src="./images/footer_Weibo.svg"
                    /></a>
                    <a
                      target="_blank"
                      rel="noreferrer noopener"
                      href="http://id.tudou.com/i/id_330793588"
                      ><img src="./images/footer_Tudou.svg"
                    /></a>
                    <a target="_blank" rel="noreferrer noopener" href="/rss"
                      ><img src="/images/footer_RSS.svg"
                    /></a>
                  </div>
                  <div class="footer-ms-partner desktop">
                    <img src="/images/ms_gold_white.png" />
                  </div>
                </div>
                <div class="signup-newsletter-div">
                  <div class="signup-title">订阅电子报 :</div>
                  <div class="signup-input-part">
                    <div class="newsletter-warning">
                      请输入一个有效的电子邮箱。
                    </div>
                    <div class="newsletter-done">*Please check your email.</div>
                    <div class="signup-input">
                      <input id="signup-newsletter" type="text" />
                    </div>
                    <div class="signup-btn" style="display: none">订阅</div>
                    <div class="clear"></div>
                  </div>
                  <div class="clear"></div>
                </div>
                <div style="margin-bottom: 5px">
                  Copyright © 1999–2024 PremiumSoft™ CyberTech Ltd.
                  保留所有权利。
                </div>
                <div class="footer-link-container">
                  <div class="footer-link" style="margin-right: 20px">
                    <script language="JavaScript">
                      document.writeln(
                        "<a href='#'><img style='position: relative; top: 15px;' src='/images/icon.gif' border=0></a>"
                      )
                    </script>
                    <a href="#"
                      ><img
                        style="position: relative; top: 15px"
                        src="/images/icon.gif"
                        border="0"
                    /></a>
                  </div>
                  <div class="footer-link" style="line-height: 29px">
                    <a href="#">XICP备xxxxxxxx号</a><br />
                    <a
                      target="_blank"
                      href="#"
                      style="
                        display: inline-block;
                        text-decoration: none;
                        height: 20px;
                        line-height: 20px;
                      "
                      ><img
                        src="/images/footer_ref_icon.png"
                        style="float: left"
                      />
                      <p
                        style="
                          float: left;
                          height: 20px;
                          line-height: 20px;
                          margin: 0px 0px 0px 5px;
                          color: white;
                        "
                      >
                        X公网安备 31010402005448号
                      </p></a
                    >
                  </div>
                  <div class="break">|</div>
                  <div class="footer-link"><a href="#">法律声明</a></div>
                  <div class="break">|</div>
                  <div class="footer-link"><a href="#">隐私条款</a></div>
                  <div class="break">|</div>
                  <div class="footer-link"><a href="#">联络我们</a></div>
                  <div class="clear"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="footer-wechat-qrcode-container" style="display: none">
          <div class="footer-wechat-qrcode-background">
            <div class="footer-wechat-qrcode">
              <img class="footer-wechat-qrcode-img" src="/images/QRcode.svg" />
              <div class="footer-wechat-qrcode-text">
                关注微信公众号: Navicat
              </div>
              <div class="footer-wechat-qrcode-cancel-btn">
                <img class="desktop" src="/images/LargePopUp_cancel.svg" />
                <img
                  class="mobile"
                  src="/images/LargePopUp_cancel_mobile.svg"
                />
              </div>
            </div>
          </div>
        </div>
        <style>
          .footer-link-container {
            margin-top: 20px;
          }
          .footer-link {
            float: left;
            line-height: 55px;
            height: 47px;
          }
          .break {
            float: left;
            line-height: 47px;
            height: 47px;
            margin: 0 10px;
          }
          @media only screen and (max-width: 767px) {
            .footer-link-container {
              margin: 0 auto;
            }
            .footer-link-container {
              width: 610px;
            }
          }
          @media only screen and (max-width: 650px) {
            .footer-link-container {
              width: 100%;
              margin: 0 auto;
            }
          }
        </style>
      </div>
    </div>
  </body>
</html>
